﻿<!DOCTYPE html>
<html>
<head>
    <title>QQ群空间-group.qq.com</title>
    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <!--[if IE]>
    <script type="text/javascript" src="js/html5.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/jquery-1.5.min.js"></script>
</head>
<body>
	<header id="header" class="wrap">
		<section id="top-nav">
			<a class="logo" href="#"><img alt="logo" src="img/logo.jpg" width="60" height="18"/></a>
			<ul class="toplink clearfix">
				<li><a href="#" title="首页">首页</a></li>
				<li class="split">|</li>
				<li><a href="#" title="帮助">帮助</a></li>
				<li class="split">|</li>
				<li>
					<div id="pop-igroups">
						<a id="btn-igroups" class="isprite" href="#"><span>我加入的群</span></a>
						<div id="pop-igroups-ct" class="pop-igroups-ct clearfix" style="visibility:hidden">
							<div class="slide-mask">
								<ul id="list-igroup" class="slide-ct data-tail" data-tailsize="18" data-tailcss="a">
									<li><a href="#">web前端架构师交流叫啦</a></li>
									<li><a href="#">爱音乐爱自己</a></li>
									<li><a href="#">爱音乐爱自己</a></li>
									<li class="hot"><a href="#">爱音乐爱自己你爱谁啊第三方</a></li>
									<li><a href="#">爱音乐爱自己</a></li>
									<li><a href="#">爱音乐爱自己</a></li>
									<li class="hot"><a href="#">爱音乐爱自己</a></li>
									<li><a href="#">爱音ddddd乐爱自己</a></li>
									<li><a href="#">爱音乐爱自己</a></li>
								</ul>
							</div>
							<div id="slide-bar" class="slide-bar">
								<a id="btn-slide-up" href="#" class="isprite btn-slide-up"></a>
								<a id="btn-slide-dwn" href="#" class="isprite btn-slide-dwn"></a>
								<div class="slider-wrap">
									<div id="slider" class="slider"></div>
								</div>
							</div>
						</div>
					</div>
				</li>
			</ul>
			<a id="login-status" href="#" title="退出登录">退出登录</a>
		</section>
		<section id="banner" class="clearfix">
			<img src="img/banner160x70.jpg" width="160" height="70" alt="群空间" />
			<h1>爱生活爱自己</h1>
			<p class="slogan"><strong class="place">[广东省]</strong>同一个时代，不同的两个时空，超越时空的声音，带动你</p>
		</section>
	</header>
	<section id="meta-bar" class="wrap">
		<div class="box-group-meta clearfix">
			<div class="g-foundInfo">
				<img class="avatar" width="16" height="16" alt="" src="img/avatar16x16.gif"/>
				<span class="g-founder">飘飘</span>
				创建于
				<span class="g-date">2011.02.16</span>
			</div>
			<div class="g-links"><a href="#" class="isprite btn-gzoneAdmin"></a></div>
		</div>
	</section>
	<section id="main" class="wrap">
		<div class="g-equalh-mask g-3col">
			<div class="g-equalh-m">
				<div class="g-equalh-l">
					<div class="col-mask">
						<div class="col-main">
							<div class="col-main-core">
								<div class="block-notice">
									<img class="notice-icon" alt="" src="img/notice180x110.jpg" width="180" height="110"/>
									<h4 class="notice-title">群内公告</h4>
									<p class="notice-ct">
										为了赎罪，我选择了爱你！为了赎罪，我选择了爱 你！为了赎罪，我选择了爱你！为了赎罪，我选择了爱 你！为了赎罪，我选择了为了赎罪，我选择了爱你！为了赎罪，我选择了爱 你！为了赎罪，我选择了爱你！为了赎罪，我选择了爱 你！为了赎罪，我选择了
									</p>
								</div>
								<div class="block-topics">
									<div class="block-hd">
										<h4><a href="#" title="进入论坛">群空间论坛</a></h4>
										<a href="#" class="more isprite btn-addtopic" title="发帖去"></a>
									</div>
									<div class="block-ct">
										<table class="tb-slim" width="100%" cellspacing="0" cellpadding="0" border="0">
											<thead>
												<tr>
													<th class="col-title cell0">文章标题</th>
													<th class="col-user">作者</th>
													<th class="col-date">时间</th>
													<th class="col-vr ">浏览/回复</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<th>
														<div class="topic-data">
															<a class="topic-group" href="#" target="_blank">[通知版]</a>
															<a class="topic-title" href="#" target="_blank">个人中心将显示部分QQ个人动态信息</a>
														</div>
													</th>
													<td>
														<div class="user-data">
															<a href="#" target="_blank">
																<img class="avatar" width="16" height="16" alt="" src="img/avatar16x16.gif"/>
																某某某某
															</a>
														</div>
													</td>
													<td>
														<span class="topic-date">02.16 15:13</span>
													</td>
													<td>
														<span class="topic-vr">10/0</span>
													</td>
												</tr>
												<tr>
													<th>
														<div class="topic-data">
															<a class="topic-group" href="#" target="_blank">[通知版]</a>
															<a class="topic-title" href="#" target="_blank">个人中心将显示部分QQ个人动态信息</a>
														</div>
													</th>
													<td>
														<div class="user-data">
															<a href="#" target="_blank">
																<img class="avatar" width="16" height="16" alt="" src="img/avatar16x16.gif"/>
																某某某某
															</a>
														</div>
													</td>
													<td>
														<span class="topic-date">02.16 15:13</span>
													</td>
													<td>
														<span class="topic-vr">10/0</span>
													</td>
												</tr>
												<tr>
													<th>
														<div class="topic-data">
															<a class="topic-group" href="#" target="_blank">[通知版]</a>
															<a class="topic-title" href="#" target="_blank">个人中心将显示部分QQ个人动态信息</a>
														</div>
													</th>
													<td>
														<div class="user-data">
															<a href="#" target="_blank">
																<img class="avatar" width="16" height="16" alt="" src="img/avatar16x16.gif"/>
																某某某某
															</a>
														</div>
													</td>
													<td>
														<span class="topic-date">02.16 15:13</span>
													</td>
													<td>
														<span class="topic-vr">10/0</span>
													</td>
												</tr>
												<tr>
													<th>
														<div class="topic-data">
															<a class="topic-group" href="#" target="_blank">[通知版]</a>
															<a class="topic-title" href="#" target="_blank">个人中心将显示部分QQ个人动态信息</a>
														</div>
													</th>
													<td>
														<div class="user-data">
															<a href="#" target="_blank">
																<img class="avatar" width="16" height="16" alt="" src="img/avatar16x16.gif"/>
																某某某某
															</a>
														</div>
													</td>
													<td>
														<span class="topic-date">02.16 15:13</span>
													</td>
													<td>
														<span class="topic-vr">10/0</span>
													</td>
												</tr>
												<tr>
													<th>
														<div class="topic-data">
															<a class="topic-group" href="#" target="_blank">[通知版]</a>
															<a class="topic-title" href="#" target="_blank">个人中心将显示部分QQ个人动态信息</a>
														</div>
													</th>
													<td>
														<div class="user-data">
															<a href="#" target="_blank">
																<img class="avatar" width="16" height="16" alt="" src="img/avatar16x16.gif"/>
																某某某某
															</a>
														</div>
													</td>
													<td>
														<span class="topic-date">02.16 15:13</span>
													</td>
													<td>
														<span class="topic-vr">10/0</span>
													</td>
												</tr>
												<tr>
													<th>
														<div class="topic-data">
															<a class="topic-group" href="#" target="_blank">[通知版]</a>
															<a class="topic-title" href="#" target="_blank">个人中心将显示部分QQ个人动态信息</a>
														</div>
													</th>
													<td>
														<div class="user-data">
															<a href="#" target="_blank">
																<img class="avatar" width="16" height="16" alt="" src="img/avatar16x16.gif"/>
																某某某某
															</a>
														</div>
													</td>
													<td>
														<span class="topic-date">02.16 15:13</span>
													</td>
													<td>
														<span class="topic-vr">10/0</span>
													</td>
												</tr>
												<tr>
													<th>
														<div class="topic-data">
															<a class="topic-group" href="#" target="_blank">[通知版]</a>
															<a class="topic-title" href="#" target="_blank">个人中心将显示部分QQ个人动态信息</a>
														</div>
													</th>
													<td>
														<div class="user-data">
															<a href="#" target="_blank">
																<img class="avatar" width="16" height="16" alt="" src="img/avatar16x16.gif"/>
																某某某某
															</a>
														</div>
													</td>
													<td>
														<span class="topic-date">02.16 15:13</span>
													</td>
													<td>
														<span class="topic-vr">10/0</span>
													</td>
												</tr>
												<tr>
													<th>
														<div class="topic-data">
															<a class="topic-group" href="#" target="_blank">[通知版]</a>
															<a class="topic-title" href="#" target="_blank">个人中心将显示部分QQ个人动态信息</a>
														</div>
													</th>
													<td>
														<div class="user-data">
															<a href="#" target="_blank">
																<img class="avatar" width="16" height="16" alt="" src="img/avatar16x16.gif"/>
																某某某某
															</a>
														</div>
													</td>
													<td>
														<span class="topic-date">02.16 15:13</span>
													</td>
													<td>
														<span class="topic-vr">10/0</span>
													</td>
												</tr>
												<tr>
													<th>
														<div class="topic-data isprite icon-music">
															<a class="topic-group" href="#" target="_blank">[通知版]</a>
															<a class="topic-title" href="#" target="_blank">个人中心将显示部分QQ个人动态信息</a>
														</div>
													</th>
													<td>
														<div class="user-data">
															<a href="#" target="_blank">
																<img class="avatar" width="16" height="16" alt="" src="img/avatar16x16.gif"/>
																某某某某
															</a>
														</div>
													</td>
													<td>
														<span class="topic-date">02.16 15:13</span>
													</td>
													<td>
														<span class="topic-vr">10/0</span>
													</td>
												</tr>
												<tr>
													<th>
														<div class="topic-data">
															<a class="topic-group" href="#" target="_blank">[通知版]</a>
															<a class="topic-title" href="#" target="_blank">个人中心将显示部分QQ个人动态信息</a>
														</div>
													</th>
													<td>
														<div class="user-data">
															<a href="#" target="_blank">
																<img class="avatar" width="16" height="16" alt="" src="img/avatar16x16.gif"/>
																某某某某
															</a>
														</div>
													</td>
													<td>
														<span class="topic-date">02.16 15:13</span>
													</td>
													<td>
														<span class="topic-vr">10/0</span>
													</td>
												</tr>
											</tbody>
										</table>
									</div>
									<div class="block-ft">
										<a class="more" href="#">更多&gt;&gt;</a>
									</div>
								</div>
							</div>
						</div>
						<aside class="col-aside-l">
							<div class="block-groupInfo block-a">
								<div class="block-hd">
									<h3>普通群<span class="g-type">[<em>非公开</em>]</span></h3>
									<a href="#" class="more isprite btn-upgrade" title="升级群"></a>
								</div>
								<ul class="stat-info clearfix">
									<li><span class="lbl">群成员数</span><span class="txt">78/100人</span></li>
									<li>
										<span class="lbl">相册空间</span>
										<div class="isprite barchart" data-max="10" data-now="3">
											<div class="isprite barchart-inside" style="width:30%"></div>
										</div>
										<span class="txt">3/10M</span>
									</li>
									<li>
										<span class="lbl">硬盘空间</span>
										<div class="isprite barchart" data-max="16" data-now="10">
											<div class="isprite barchart-inside" style="width:62.5%"></div>
										</div>
										<span class="txt">10/16M</span>
									</li>
								</ul>
							</div>
							<nav class="block-nav block-a">
								<ul id="nav-main">
									<li class="home"><h3><a href="#">首页</a></h3></li>
									<li class="bbs has-sub on">
										<h3><a href="#">论坛</a></h3>
										<ul class="sub-nav dot-list" style="display:block;">
											<li><a href="#">讨论版</a></li>
											<li><a href="#">贴图版</a></li>
											<li><a href="#">随写</a></li>
											<li><a href="#">分享</a></li>
										</ul>
									</li>
									<li class="album has-sub">
										<h3><a href="#">相册</a></h3>
										<ul class="sub-nav dot-list">
											<li><a href="#">相册1</a></li>
											<li><a href="#">相册2</a></li>
											<li><a href="#">相册3</a></li>
											<li><a href="#">相册4</a></li>
											<li><a href="#">相册5</a></li>
										</ul>
									</li>
									<li class="gtalk has-sub">
										<h3><a href="#">群聊天记录</a></h3>
										<ul class="sub-nav dot-list">
											<li><a href="#">最新10条</a></li>
											<li><a href="#">今天的记录</a></li>
											<li><a href="#">昨天的记录</a></li>
											<li><a href="#">昨天前的记录</a></li>
										</ul>
									</li>
									<li class="gmember">
										<h3><a href="#">群成员</a></h3>
									</li>
								</ul>
							</nav>
						</aside>
						<aside class="col-aside-r">
							<div class="block-groupActs block-b">
								<div class="block-b-inside">
									<div class="block-ct">
										<a href="#" target="_blank" class="isprite btn-money"></a>
										<a href="#" target="_blank" class="isprite btn-money1"></a>
									</div>
								</div>
							</div>
							<div class="block-groupUsers block-c">
								<div class="block-c-inside">
									<div class="block-hd">
										<h4>成员列表</h4>
									</div>
									<div class="block-ct">
										<ul id="list-member" class="data-tail" data-tailsize="14" data-tailcss="a">
											<li class="isprite g-founder">
												<img width="16" height="16" src="img/avatar16x16.gif" alt="" class="avatar">
												<a target="_blank" href="#">
													某某某某去了
												</a>
											</li>
											<li class="isprite g-admin">
												<img width="16" height="16" src="img/avatar16x16.gif" alt="" class="avatar">
												<a target="_blank" href="#">
													某某某某la了吗的速度
												</a>
											</li>
											<li class="isprite g-admin">
												<img width="16" height="16" src="img/avatar16x16.gif" alt="" class="avatar">
												<a target="_blank" href="#">
													某某某某
												</a>
											</li>
											<li>
												<img width="16" height="16" src="img/avatar16x16.gif" alt="" class="avatar">
												<a target="_blank" href="#">
													某某某某
												</a>
											</li>
											<li>
												<img width="16" height="16" src="img/avatar16x16.gif" alt="" class="avatar">
												<a target="_blank" href="#">
													某某某某啊打法的是发
												</a>
											</li>
											<li>
												<img width="16" height="16" src="img/avatar16x16.gif" alt="" class="avatar">
												<a target="_blank" href="#">
													某某某某
												</a>
											</li>
											<li>
												<img width="16" height="16" src="img/avatar16x16.gif" alt="" class="avatar">
												<a target="_blank" href="#">
													某某某某啊的撒发生的发
												</a>
											</li>
											<li>
												<img width="16" height="16" src="img/avatar16x16.gif" alt="" class="avatar">
												<a target="_blank" href="#">
													某某某某
												</a>
											</li>
											<li>
												<img width="16" height="16" src="img/avatar16x16.gif" alt="" class="avatar">
												<a target="_blank" href="#">
													某某某某啊打法的是发
												</a>
											</li>
											<li>
												<img width="16" height="16" src="img/avatar16x16.gif" alt="" class="avatar">
												<a target="_blank" href="#">
													某某某某
												</a>
											</li>
											<li>
												<img width="16" height="16" src="img/avatar16x16.gif" alt="" class="avatar">
												<a target="_blank" href="#">
													某某某某
												</a>
											</li>
											<li>
												<img width="16" height="16" src="img/avatar16x16.gif" alt="" class="avatar">
												<a target="_blank" href="#">
													某某某某啊的发生大幅
												</a>
											</li>
											<li>
												<img width="16" height="16" src="img/avatar16x16.gif" alt="" class="avatar">
												<a target="_blank" href="#">
													某某某某dddddddddddd
												</a>
											</li>
											<li>
												<img width="16" height="16" src="img/avatar16x16.gif" alt="" class="avatar">
												<a target="_blank" href="#">
													某某某某
												</a>
											</li>
											<li>
												<img width="16" height="16" src="img/avatar16x16.gif" alt="" class="avatar">
												<a target="_blank" href="#">
													某某某某
												</a>
											</li>
										</ul>
									</div>
									<div class="block-ft">
										<a href="#" class="more">更多&gt;&gt;</a>
									</div>
								</div>
							</div>
						</aside>
					</div>
					<!--/col-mask-->
				</div>
				<!--/g-equal-l-->
			</div>
			<!--/g-equalh-m-->
		</div>
	</section>
	<footer id="footer" class="wrap">
		<p>
			<a href="#" target="_blank">关于腾讯</a>
			<a href="#" target="_blank">About tencent</a>
			<a href="#" target="_blank">服务条款</a>
			<a href="#" target="_blank">广告服务</a>
			<a href="#" target="_blank">腾讯招聘</a>
			<a href="#" target="_blank">客服中心</a>
			<a href="#" target="_blank">网站导航</a>
		</p>
		<p class="cpr">Copyright©2008-2012 Tencent Inc.All Rights Reserved</p>
		<p class="extra">
			腾讯公司&nbsp;&nbsp;版权所有&nbsp;&nbsp;腾讯网络文化经营许可证
		</p>
			
	</footer>
	
	<!--js-->
	<!--
	<script type="text/javascript" src="js/jquery-ui-1.8.9.draggable.min.js"></script> 
	<script type="text/javascript" src="js/QLib.js"></script>  
	<script type="text/javascript" src="js/QGroup.index.js"></script> 
	-->
	<script type="text/javascript" src="js/QGroup.all.1.0.min.js"></script> 
	<script type="text/javascript">
	//<![CDATA[
	QLib.Init({});
	//]]>
	</script> 
	<!--/js-->
</body>
</html>
